<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="个人直播,NOW直播,腾讯个人直播,QQ个人直播"/>
    <meta name="description" itemprop="description" content="正在直播, 快来围观!"/>
    <meta name="name" itemprop="name" content="NOW直播" />
    <meta name="image" itemprop="image" content="http://8.url.cn/now/h5/share/images/modules/logo.jpg" />
    <title>NowUI —— 移动直播间组件化解决方案</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/monokai_sublime.min.css">

    <!-- Custom styles for this template -->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div id="main">
        <!-- <section class="page index">
            <div class="center-box">
                <h1>Now Design</h1>
                <h2>
                    React + Redux 组件化解决方案
                </h2>
            </div>
        </section> -->
        <!--临时修改首页 2016/11/24 by Jeremygao-->
        <div class="banner">
            <img src="http://8.url.cn/nowoa/schedule/img/banner_d0ff5b0.png">
            <div class="intro">
                <div class="schedule-word">
                    <h1> Now Design </h1>
                    <h2 class="desc">
                        移动直播业务组件化解决方案
                    </h2>
                </div>
                <ul class="goodness">
                    <li class="goodness-item">快速构建直播间应用</li>
                    <li class="goodness-item">最丰富的直播开发组件</li>
                </ul>
                <a class="schedule-button" href="./doc/index.html" target="_blank">由此开始</a>
            </div>
        </div>
        <!--End By-->
        <div class="bottom">
            <div class="empty"></div>
            <div class="icon-box">
                <div class="quick-schedule icon">
                    <div class="quick-title">垂手可得</div>
                    <div class="quick-word">接入 npm 生态圈<br>所有组件通过 npm 随时安装使用</div>
                </div>
                <div class="arrow-right"></div>
                <div class="easy-share icon">
                    <div class="quick-title">即插即用</div>
                    <div class="quick-word">简单易用<br>无需关注组件内部实现</div>
                </div>
                <div class="arrow-right"></div>
                <div class="quick-play icon">
                    <div class="quick-title">指不胜屈</div>
                    <div class="quick-word">满足最大复用<br>囊括各个业务场景中常用的组件</div>
                </div>
                <div class="arrow-right"></div>
                <div class="quick-clean icon">
                    <div class="quick-title">八面玲珑</div>
                    <div class="quick-word">快速搭建应用<br>提供各类基础组件助力开发</div>
                </div>
            </div>
            <div class="empty"></div>
        </div>
        <!-- <div class="container desc-wrapper">
            <div class="row">
                <div class="col-md-6">
                    <h2>
                        八面玲珑
                    </h2>
                    <p>
                        展示组件，数据组件，高阶组件总有一款适合你。
                    </p>
                </div>
                <div class="col-md-6">
                    <h2>
                        垂手可得
                    </h2>
                    <p>
                        打通 npm 生态圈，所有组件通过 npm 随时下载。
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h2>
                        彗汜画涂
                    </h2>
                    <p>
                        高度可配置化，无需关注内部实现，简单易用。
                    </p>
                </div>
                <div class="col-md-6">
                    <h2>
                        指不胜偻
                    </h2>
                    <p>
                        遍及各个业务线，从各个业务线中提炼出组件，满足各类需求。
                    </p>
                </div>
            </div>
        </div> -->
        <footer class="footer">
            <div class="container text-center">
                <p>
                    © Copyright 2016-2024 
                </p>
                <p>
                     <a href="//ivweb.io/">IVWEB</a>, Front-end team in tencent. Looking forward to the future.
                </p>
            </div>
        </footer>
    </div>
</body>
</html>